ZF.add('dom-style', function(Z) {

    var D = Z.Dom,
        B = Z.Browser,
        STYLE = 'style',
        DISPLAY = 'display',
        NONE = 'none';

    Z.extend(D, {

        // TODO
        css : function(selector, name, value) {
            var el = D.get(selector);
            if (arguments.length > 2) {
                if (el) {
                    el[STYLE][name] = value
                }
                return this;
            } else {
                return el ? el[STYLE][name] : undefined;
            }
        },
        
        width : Z.emptyFn,
        
        height : Z.emptyFn,
        
        show : function(selector, isBlock) {
            return D.css(D.get(selector), DISPLAY, isBlock ? 'block' : '');
        },
        
        hide : function(selector) {
            return D.css(D.get(selector), DISPLAY, NONE);
        },
        
        hideOutline : B.ie ? function(selector) {
            if (selector) {
                selector.hideFocus = true;
            }
            return this;
        } : function(selector) {
            return this.css(selector, 'outline', NONE);
        }

    });

}, { requires : ['browser', 'dom-query'] });
